<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/list.css">
    <script src="/libs/util.js"></script>
    <link rel="stylesheet" type="text/css" href="/libs/pandora/iconfont.css">
    <title>Document</title>
</head>

<body>
    <header></header>
    <section>
        <div class="content">
            <ul class='dontknow'>
                <li> 排序方式:价格
                    <ul class="choice">
                        <li class="li1">500以下</li>
                        <li class="li2">500以上</li>
                    </ul>
                </li>
            </ul>

            <div id="pageBox">
                <ul class="list clearfix">

                </ul>
                <script type="text/html" id="listTemplate">
                    {{each img src}}
                        <li>
                            <a href="/html/detail.html?id={{src.id}}">
                                <img src="{{src.src}}">
                                <div class="series">{{src.serives}}</div>
                                <div class="name">{{src.name}}</div>
                                <div class="price">{{src.price}}</div>
                            </a>
                        </li>
                    {{/each}}
                </script>
                <span id="prev" class="span1">上一页</span>
                <ul id="pageNav"></ul>
                <span id="next" class="span1">下一页</span>
            </div>
        </div>
    </section>
    <footer></footer>
    <script src="/libs/requirejs/require.min.js" data-main="/js/list"></script>
</body>

</html>